﻿@charset "utf-8";
*{margin:0; padding:0; list-style:none;  box-sizing: border-box;}
:focus{outline:0}
body{color:#666;font-size:14px; width: 100%;}
ul li{list-style:none}
a{text-decoration:none}
a:hover{transition-duration:.6s;transition-property:color}
img{border:none}
h1,h2,h3,h4,h5{font-weight: normal}

.clr{clear:both}
.container,.main_container{margin:0 auto;width:1200px}
.header_top{width:100%; height:36px; line-height:36px; background: #006500 }
.h_hyy{width:auto;  float: left; font-size: 14px; color: #fff;}
.h_right{width:auto; float: right}
.h_wx{float: left;  position: relative; background: url(../images/h_xs.png) no-repeat right center; padding-right: 20px;}
.h_wx p{font-size: 12px; color:#fff; background: url(../images/icon_wx.png) no-repeat right center;  padding-right: 20px;}
.h_right img{width:100px; height: 100px; position: absolute; top:30px; left:0;z-index: 9; display: none;}
.h_sj{float: left;  position: relative; background: url(../images/h_xs.png) no-repeat right center; padding-right: 20px; margin: 0px 10px}
.h_sj p{font-size: 12px; color:#fff; background: url(../images/icon_sj.png) no-repeat right center;  padding-right: 20px;}
.h_dt{float: left;  position: relative;  padding-right: 20px;}
.h_dt p{font-size: 12px; color:#fff; background: url(../images/icon_dt.png) no-repeat right center;  padding-right: 20px;}
.h_wx:hover img{display: block}
.h_sj:hover img{display: block}


.h_nav{width:100%;  height:123px; background:url(../images/nav_bjs.png) no-repeat center; position: relative; z-index: 1 }
.h_nav ul.nav{width:100%;  height:48px;  position: relative; z-index: 999;	}
.nav .nLi{position:relative;float:left;display:inline;height:48px;  line-height: 48px;  text-align: center; width:116px; 
	background: url(../images/active.png) no-repeat left center; }
.nav .nLi h6{float:left; font-weight: normal; width: 100%; height: 100%;}
.nav .nLi h6 p{width:100%;height:100%}
.nav .nLi h6 a{width:100%;height:100%;color:#333333;font-size:14px;}
.nav .sub{position:absolute;top:46px;left:50%; margin-left: -70px; z-index:999;display:none;padding:0;width:140px;background:#f5f4f4;line-height:26px; }
.nav .sub li{height:33px;border-bottom:1px solid #eee;text-align:center;line-height:33px;zoom:1}
.nav .sub li p{float:left;margin:0;width:100%}
.nav .sub li span{float:right}
.nav .sub a{display:block;padding:0 10px;height:100%;color:#333;font-size:14px}
.sub li:hover a{color:#006500;}
.nav .nLi.active h6 a{ color:#fff; background: #fd902b; border-radius: 25px; padding: 5px 20px;}
.nav .nLi h6:hover a{color:#fff; background: #fd902b; border-radius: 25px; padding: 5px 20px;}
.lvlin{margin-left:260px }
.h_logo{width:142px; height: 79px; position: absolute; top:0; left:50%; margin-left:-80px; z-index: 8 }




/*banner*/
.banner{height:700px; background: #efefef; position: relative; margin-top: -70px; z-index: 0}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:700px;}
.banner .slideBox .hd{ height:auto; overflow:hidden; position:absolute; left:50%; bottom:5%; z-index:1; margin-left: -48px }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{width:12px; height:12px;  text-align:center; cursor:pointer; background:#fff;  margin-bottom: 60px; border-radius: 50%; float: left; margin: 0px 10px;}
.banner .slideBox .hd ul li span{font-size: 46px; font-family: "Arial";  color:#fff; opacity: 0}
.banner .slideBox .hd ul li.on{background: #ea5420}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:700px;vertical-align:middle;zoom:1; position: relative}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}




/*关于我们*/
.index_about{width:100%; height:900px;overflow: hidden; margin-top: 40px; background: url(../images/about_bjs.jpg) no-repeat center bottom}
.index_about_num{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.index_about_num dl{width:33.33%; text-align: center; float: left}
.index_about_num dl dt{font-size: 14px; color: #333333; line-height: 40px;}
.index_about_num dl dd{font-size: 14px; color: #666666; font-weight: bold;}
.index_about_num dl dd span{font-size: 60px; color: #333333; font-weight: normal}
.index_about_num dl dd i{font-size: 60px; color: #333333; font-style:normal}

.inedx_about_bottom{width:100%; height: auto; overflow: hidden; margin-top: 130px;}
.a1{float: left}
.a2{float: left; margin-top: 65px; margin-left: 20px;}
.about_right{width:588px; height: auto; float: right; margin-right: 20px; margin-top: 160px}
.about_right i{width:46px; height: 2px; background: #fff; display: block}
.about_right h3{font-size: 26px; color: #fff; font-weight: bold; margin: 10px 0}
.about_right span{font-size: 26px; color: #fff; font-weight: bold; margin: 10px 0;display: block;}
.about_right .about_right_xx{width:100%; height:100px; overflow: hidden;margin: 40px 0;}
.about_right_xx a{font-size: 14px; color: #fff; line-height:24px;}

.ab_more{width:137px; height: 38px; background: #fff; border-radius: 25px; text-align: center; font-size: 16px; color: #085e29; border-radius: 25px; font-family: "Arial"; float: right; line-height:38px;}
.ab_more:hover{background: #fd902b; color: #fff}



/*产品*/
.index_product{width:100%; height: auto;overflow: hidden; margin: 50px 0}
.Box_pro{width:100%; height: auto; }
.Box_pro .Box_con {position: relative; margin-top:40px;}
.Box_pro .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.Box_pro .Box_con .conbox ul {position: relative;list-style: none;}
.Box_pro .Box_con .conbox ul li {float: left;width:375px;height:auto; margin-left:25px;overflow: hidden;}
.Box_pro .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_pro .Box_con .conbox ul li img{width:100%; height: auto; display: block}
.pro_pic{width:375px; height:auto; overflow: hidden; position: relative}
.pro_pic img{width:100%; height: auto; display: block}
.pro_hover{width:100%; height:141px; background: url(../images/pro_bjs.png) no-repeat center; padding:58px 20px 0; position: absolute; bottom:-100%; left:0;transition: all 0.4s ease-in-out;
 }
.pro_hover p{font-size: 14px; color:#e0e0e0; width: 100%; height: 60px; line-height: 20px;}
.Box_pro .Box_con .conbox ul li h4{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #222222; font-weight: bold; text-align: center}
.Box_pro .Box_con .conbox ul li i{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #222222; font-weight: bold; text-align: center;display: block;    font-style: normal;}
.Box_pro .Box_con .conbox ul li:hover .pro_hover{bottom:0; transition: all 0.4s ease-in-out;}
.pro_more{width:217px; height: 50px; border-radius: 25px; text-align: center; line-height: 50px;  font-size: 20px; color: #ffffff; font-family: "Arial"; background: #006500; display: block; margin: 60px auto 0;}
.pro_more:hover{background: #fd902b; color: #fff}




/*案例*/
.index_case{width:100%; height:841px; background:url(../images/case_bj.png) no-repeat center; padding-top:100px;  margin-top: -40px; }
.index_case_title{width:100%; height: auto; overflow: hidden;  text-align: center}
.index_case_title h3{font-size: 36px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.index_case_title span{font-size: 36px; color: #fff; font-weight: bold; margin-bottom: 10px; display:block;}
.index_case_title p{font-size:14px; color:#fff; line-height: 28px; margin-top: 20px;}
.Box{width:100%; height: auto; }
.Box .Box_con {position: relative; margin-top:40px;}
.Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:390px;height:auto; margin-left:15px;overflow: hidden; overflow: hidden}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img{width:100%; height: auto; display: block; transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;
}
.Box .Box_con .btn {display: block;width:36px;height:56px;cursor: pointer;  text-align: center; position: absolute; top:50%;  margin-top: -18px;  }
.Box .Box_con .btnl {float: left; background: url(../images/case_left.png) no-repeat; left:-50px;}
.Box .Box_con .btnr { float: right; background: url(../images/case_right.png) no-repeat; right:-50px;}
.Box .Box_con .btnl:hover{background: url(../images/case_hleft.png) no-repeat;}
.Box .Box_con .btnr:hover{background: url(../images/case_hright.png) no-repeat}
.Box .Box_con .conbox ul li:hover{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}




/*园林服务*/
.index_yuanlin{width:100%; height: auto; overflow: hidden; margin-bottom:70px; }
.index_yuanlin .index_title{margin-bottom: 35px;}
.in_ylleft{width:395px; height: auto; float: left}

.in_ylleft_xx{width:100%; height: 240px; overflow: hidden}
.in_ylleft_xx i{width:74px; height: 2px; background: #006500; padding: 0px 10px; display: block}
.in_ylleft_xx h4{font-weight: bold; font-size: 22px; color: #333333; margin-top: 10px;}
.in_ylleft_xx p{font-weight: bold; font-size: 22px; color: #333333; margin-top: 10px;display:block;}
.in_ylxx{width:100%; height: auto; line-height:25px; overflow: hidden; margin:20px 0  }
.in_ylxx a{font-size: 14px; color: #333; line-height: 26px;}
.in_ylxx a span{color:#006500}
.yl_more{width:113px; height: 28px; background: #006500; text-align: center; line-height: 28px; border-radius: 25px; font-size: 14px; font-family: "Arial"; display: block; color:#fff; float: right}
.yl_more:hover{background: #fd902b}


.in_ylcenter{width:399px; height: auto; float: left; margin-left: 11px;}
.in_ylright{width:384px; height: auto; float: right}
.in_yl_1 img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_yl_1{margin-bottom: 7px; width: 100%; overflow: hidden}
.in_yl_1:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}









/*服务流程*/
.index_service{width:100%; height: auto; overflow: hidden}
.index_service_top{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.index_service_top dl{width:148px; height: 148px; float: left; border-radius: 50%; border:1px solid #006500; text-align: center}
.index_service_top dl dt{width:100%; height: 100px; text-align: center; padding-top: 30px; }
.index_service_top dl dd{width:100%; height: 30px; line-height: 30px; font-size: 14px; color:#333333}
.in_lcjt{width:115px; height: 148px; background: url(../images/lc_jt.png) no-repeat center; float: left}
.index_service_bottom{width:auto; height: auto; overflow: hidden; margin: 30px auto 0; display: table}
.index_service_bottom dl{width:148px; height: 148px; float: left; border-radius: 50%; border:1px solid #006500; text-align: center}
.index_service_bottom dl dt{width:100%; height: 100px; text-align: center; padding-top: 30px; }
.index_service_bottom dl dd{width:100%; height: 30px; line-height: 30px; font-size: 14px; color:#333333}
.in_bjt{width:100%; height:79px; text-align: center; margin-top: 40px; }
.index_service_bottom dl img,.index_service_top dl img{ -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.index_service_top dl:hover img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
.index_service_bottom dl:hover img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}





/*联系*/
.index_lianxi{width:100%; height: 325px; overflow: hidden; text-align: center; padding-top: 80px; background: url(../images/lianxi.png) no-repeat  center}
.index_lianxi h3{font-size: 40px; color:#fff; text-align: center}
.index_lianxi i{font-size: 40px; color:#fff; text-align: center;display: block; font-style: normal;}
.index_lianxi h4{font-size: 20px; color:#fff; margin:25px 0}
.index_lianxi span{font-size: 20px; color:#fff; margin:25px 0;display: block;  margin: 25px 0;}
.index_lianxi p{width:274px; height: 55px; line-height: 55px;  background: url(../images/dhs.png) no-repeat center; text-align: center; margin: 0px auto; font-size: 30px; color: #006500; display: block; padding-left: 45px;}





/*新闻资讯*/
.index_news{width:100%; height:auto; overflow: hidden; margin-top:70px;}
.index_title{width:100%; height: auto; overflow: hidden;  text-align: center}
.index_title h3{font-size: 36px; color: #333333; font-weight: bold; margin-bottom: 10px;}
.index_title span{font-size: 36px; color: #333333; font-weight: bold; margin-bottom: 10px; display:block;}
.index_title p{font-size:14px; color:#666666; line-height: 28px; margin-top: 20px;}
.index_news_nav{width:auto; display: table; margin: 30px auto 40px;}
.index_news_nav a{width:143px; height: 44px; background: #006500; text-align: center; line-height: 44px; float: left; border-radius: 25px; color:#fff; font-size: 16px; margin: 0px 40px;}
.index_news_nav a:hover{background: #fd902b}
.index_news_top{width:100%; height: auto; overflow:hidden}
.index_news_top li{width:584px;  height: auto; float: left}
.index_news_top li:nth-child(2n){float:right}
.news_top_pic{width:287px; height: 181px; float: left}
.news_top_pic img{width:100%; height: auto; display: block}
.news_top_xx{width:290px;height: auto; float: left; padding:8px 12px;}
.news_top_xx h4{width:1005; height:30px; line-height: 30px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold;}
.news_top_xx span{font-size:16px; color: #333333; font-weight: bold; display: block; margin: 10px 0}
.news_top_xx p{width:100%; height: 48px; line-height: 24px; font-size: 14px; color: #333333;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_top_xx i{width:90px; height: 25px; line-height: 25px; background: #006500; color:#fff; border-radius: 25px; font-style: normal; display: block; margin-top: 20px; font-size: 14px; text-align: center}
.index_news_bottom{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.index_news_bottom li{width:584px; height: auto; overflow: hidden; float: left; border-bottom: 1px dashed #cacaca; padding-bottom: 15px; margin-bottom: 15px;}
.index_news_bottom li:nth-child(2n){float: right}
.in_ntime{width:105px; height: auto; float: left; background: url(../images/n_xs.png) no-repeat right center; text-align: center}
.in_ntime span{font-size: 38px; line-height: 40px; color: #333333; font-weight: bold; display: block}
.in_ntime p{font-size: 16px; color: #333333; line-height: 26px;}
.in_ninfo{width:450px;height: auto; float: left; margin-left: 10px; margin-top: 5px;}
.in_ninfo h3{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #666666; font-weight: bold;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap} 
.in_ninfo p{width:100%; height: 30px; line-height: 30px; font-size: 14px; color: #999999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_bottom li:hover h3,.index_news_bottom li:hover p,.index_news_bottom li:hover span{color:#006500}




/*底部*/
.footer{width:100%;height:330px; background:#444444;display: block; overflow: hidden; margin-top: 65px; padding-top: 60px;border-top:10px solid #006500 }
.footer_left{width:176px; height:auto; float: left; }
.footer_left p{font-size: 14px; color: #e0e0e0; line-height: 28px;   margin-top:10px; }
.footer_nav{width:141px; height: auto; overflow: hidden; float: left; margin-left: 140px;}
.footer_nav h3,.footer_fs h3{width:100%; height:40px; line-height: 40px; background: url(../images/f_xs.png) no-repeat bottom left; font-size: 20px; color: #fefefe}
.footer_nav span,.footer_fs span{width:100%; height:40px; line-height: 40px; background: url(../images/f_xs.png) no-repeat bottom left; font-size: 20px; color: #fefefe;}
.footer_nav_info{width:100%; height: auto; overflow: hidden; margin-top: 10px;}
.footer_nav_info a{font-size: 14px; color: #fff; line-height: 30px; float: left}
.footer_nav_info a:nth-child(2n){float: right}
.footer_fs{width:310px; height: auto; float: left; margin-left: 100px;}
.footer_fs h3{margin-bottom: 10px;}
.footer_fs p{font-size: 14px; color:#fff; line-height:32px;}
.footer_ma{width:274px; height: auto; float: right}
.footer_ma h3{width:100%; height:40px; line-height: 40px; background: url(../images/f_cxs.png) no-repeat bottom left; font-size: 20px; color: #fefefe}
.footer_ma span{width:100%; height:40px; line-height: 40px; background: url(../images/f_cxs.png) no-repeat bottom left; font-size: 20px; color: #fefefe}
.footer_ma dl{width:117px; height: auto; float: left; margin-top: 20px; margin-right: 20px;}
.footer_ma dl dt{width:117px; height: 117px; background: rgba(255,255,255,0.2); padding: 5px;}
.footer_ma dl dt img{width:100%; height: 100%; display: block}
.footer_ma dl dd{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.copy{clear:both;width:100%;height:50px;color:#fff; line-height:50px;  background:#333333;  position: relative}
.copy_l{float:left; font-size:14px; color:#fff}
.copy_l a{color:#fff}
.copy_l a:hover{color:#ea5420!important}
.footer_zhichi{width:auto; height:50px; float: right }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#fff; line-height:50px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:16px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:17px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #fff;}
.footer_zhichi i{ float: left;}
.copy_top{width:85px; height:72px; position: absolute; top:-35px; left:50%; margin-left:-42.5px;  }






/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#006500;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}



/**about*/
.ny_banner{width:100%;height:340px;clear:both;position: relative; margin-top:-70px;}
.ny_banner>div{position: relative;}
.ny_banner .bl_input{top: 20px;left: 710px;}
.bl_input{width: 437px;height: 50px;position: absolute;top: 78px;left: 85px;z-index: 99}
.bl_input i{display: inline-block;width: 20px;height: 20px;background:url(../images/banner_search.png) no-repeat center;position: absolute;top:14px;left: 20px; }
.bl_input input{width: 435px;height: 48px;background: #fff;border-radius: 30px;font-size: 12px;color: #999;border: 0;padding-left: 60px;}
.ny_container{padding-bottom: 40px;overflow: hidden;}


/*内页*/
.page_nav{padding: 30px 0;overflow: hidden;padding-left: 1px;}
.page_nav p {font-size: 14px;color: #999;margin-bottom: 22px;}
.page_nav p i{display: inline-block;margin-right: 6px;}
.page_nav p b{font-weight: normal;}
.page_nav p a{color: #999;}
.page_nav ul li{ float:left; width:16.5%; text-align:center; line-height:46px;font-size:15px; position:relative; margin-left:-1px;margin-bottom: 5px;}
.page_nav ul li a{ display:block; border:1px solid #e8e8e8; border-bottom:5px solid #e8e8e8;color:#333}
.page_nav ul li a:after{ content:""; height:5px; width:0; position:absolute; bottom:0px; left:0px; background:#006000; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s;}
.page_nav ul li a:hover,.page_nav ul li.active a{ background:#006500; color:#333; *border-bottom-color:#006000; color: #fff;}
.page_nav ul li a:hover:after,.page_nav ul li.active a:after { width: 100%; }


/*about*/
.about_page_con{clear: both; width:100%; height:auto; overflow:hidden; font-size:16px; color:#666; line-height:30px;}
.about_t{background: url(../images/about_page_bg.png) no-repeat center;height: 145px;width: 100%;margin-bottom: 30px;}
.about_ptit{padding: 30px 40px;}
.about_t h4 a{color: #333;font-size: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about_t p{font-size: 14px;color: #666;margin: 10px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.about_allp{clear: both;overflow: hidden;}
.about_allp p{line-height: 26px;text-indent: 22px;color: #666;font-size: 14px;}
.ab_img{height: 212px;margin: 28px 0;}
.ab_img li{float: left;margin-left: 20px;width: 280px;height: 212px;}
.ab_img li:first-child{margin-left: 0;}
.ab_img li img{width: 100%;height: 100%;}


/**product*/
.page_pro{overflow: hidden;}

.pro_con_ul li:first-child,.case_ul li:first-child{margin-left: 0;}
/*product*/
.page_pro .pro_con_ul li{margin:0 9px 18px;}

/*case*/
.case_ul{clear: both;overflow: hidden;padding-bottom: 30px;}
.case_ul li{width: 278px;float: left;margin:0 22px 12px 0;}
.case_ul li:nth-child(4n+1){margin-left: 0;}
.case_ul li a{display: block;width: 100%;height: 100%;}
.case_ul li a>span{display: block;width: 100%;height: 206px;overflow: hidden;}
.case_ul li a>span img{width: 100%;transition: all 0.8s ease-in-out;height: 100%;}
.case_ul li p{height: 58px;line-height: 58px;font-size: 14px;color: #666; text-align:center; position: relative; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding:0px 10px;}
.case_ul li:hover img,.pro_con .pro_con_ul li.active img{transform: scale(1.1);} 
.case_ul li:hover p,.pro_con .pro_con_ul li.active p{background: #006500;color: #fff;}



/*product_center*/
.pro_con_ul{width:100%; height:auto; overflow:hidden;}
.pro_con_ul ul{margin-bottom:40px; overflow:hidden; width:100%}
.pro_con_ul li{width: 288px;height: auto; float: left; margin-right:12px; overflow: hidden; margin-bottom:20px;}
.pro_con_ul li:last-child{margin-right:0}
.case_ul li:last-child{margin-left: 0;}
.pro_con_ul li a{display: block;width: 100%;height: 100%;}
.pro_con_ul li div{width: 100%;height:auto;overflow: hidden;border: 1px solid #ddd;}
.pro_con_ul li div img{width: 100%;height: 100%; transition: all 0.8s ease-in-out;}
.pro_con_ul li:hover div img{transform: scale(1.1);}
.pro_con_ul li div{height:auto; padding: 15px 0; width:100%;}
.pro_con_ul li p{line-height: 40px;text-align: center;font-size: 14px;color: #666; width:100%; text-overflow:ellipsis;  overflow:hidden; white-space:nowrap}



/*荣誉资质*/
.ny_honor{ width:100%; height:auto; overflow:hidden;}
.ny_honor ul{width:100%; height:auto; overflow:hidden}
.ny_honor li { width: 278px; height: auto; border: 2px solid #f8f8f8;float: left; margin-bottom:25px; margin-right:29px; }
.ny_honor li:nth-child(4n){margin-right:0px;}
.ny_honor li a{display: block;width: 100%;height: 100%;}
.ny_honor li div{display: block;width: 100%;height:auto;}
.ny_honor li div img{display: block;width: 100%;height: 100%;}
.ny_honor li p{width:100%; height:35px; line-height:35px; font-size:16px; color:#333; text-align:center; overflow:hidden}






/*news*/
.news_page{overflow: hidden;}
.news_page_lf{float: left;width: 854px;}
.news_page_lf dl{height:88px;padding:20px; background: #fff;box-sizing: content-box; margin-bottom:20px;}
.news_page_lf dl a{display: block;}
.news_page_lf dl dt{float: left;text-align: center;margin-right: 25px;}
.news_page_lf dl dt span{font-size: 40px;display: block; height:40px; line-height:40px; color:#333}
.news_page_lf dl dt p{font-size: 14px;line-height:28px; color:#333}
.news_page_lf dl dd{overflow: hidden;width: 700px; float:left;}
.news_page_lf dl dd b{font-size: 20px;display: block; width:100%; height:35px; line-height:35px; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.news_page_lf dl dd p{font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:100%; height:30px; line-height:30px; color:#333}
.news_page_lf dl:nth-of-type(odd){ background: #f8f8f8;}
.news_page_lf dl:nth-of-type(even){ background: #fff;}
.news_page_lf dl:hover{ background: #f7f7f7;}
.news_page_lf dl:hover span,.news_page_lf dl:hover p{color:#006500}



.news_page_rt{width: 280px;float: right;padding: 30px 22px;background: #f8f8f8;color: #666;box-sizing: content-box;}
.news_page_rt img{width: 280px;height: auto; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.news_page_rt h4{font-size: 16px;font-weight: normal;margin: 20px 0;width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#333}
.news_page_rt p{font-size: 12px;line-height: 22px; color:#333}
.news_page_rt:hover h4,.news_page_rt:hover p{color:#006500}
.news_ppic{width: 280px;height: 178px; overflow:hidden}
.news_page_rt:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}




/*contact*/
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}

.lxwm{width:100%;padding:20px 0;line-height:24px;float:left}
.lxwm_z{float:left; font-size:16px; color:#666; line-height:30px;}
.lxwm_z h3{color:#666;line-height:35px}
.lxwm_r{float:right}
.lxwm_r li{width:120px;float:left;padding-left:10px;box-sizing: content-box;}
.lxwm_r li img{width:120px;height:120px;float:left;border:#ddd 1px solid}
.lxwm_r li p{line-height:30px;text-align:center}



/* 友情链接 */
.yqlj{ height: auto; overflow: hidden;}
.yqlj p{ width: 10%; float: left; height: 72px; line-height: 72px; font-size: 18px; font-weight: bold; text-indent:20px; position: relative; }
.yqlj p::before{ content: ""; display: block; position: absolute; width: 10px;height: 18px; border-radius: 5px; background: #078732; top: 28px;}
.yqlj p span{ font-size: 16px; color: #999; font-weight: normal; margin-left: 6px;}
.yqlj ul{ padding-top: 25px; padding-bottom: 20px; overflow: hidden;}
.yqlj ul li{ float: left;  line-height: 24px; font-size: 14px; padding: 0 15px;}
.yqlj ul li a{color: #666666;}